<template>
    <el-aside width="200px" class="aside">
      <div class="logo" style="font-family: '庞门正道标题体', sans-serif;">慧心医问</div>
      <div class="aside-sccroller">
        <el-menu
          background-color="rgb(48,65,86)"
          text-color="#fff"
          style="border: 0"
        >
          <el-menu-item index="1">
            <router-link to="/userinfo">用户信息管理</router-link>
          </el-menu-item>
          <el-menu-item index="2">
            <router-link to="/qa">问答记录管理</router-link>
          </el-menu-item>
          <el-menu-item index="3">
            <router-link to="/time">登录时间管理</router-link>
          </el-menu-item>
          <el-menu-item index="4">
            <router-link to="/feedback">反馈信息管理</router-link>
          </el-menu-item>
        </el-menu>
      </div>
    </el-aside>
  </template>
  
  <script>
  export default {
    name: "Aside",
  };
  </script>
  
  <style scoped>
  .aside {
    height: 100%;
    background-color: rgb(48, 65, 86);
  }
  .aside-sccroller {
    width: 100%;
    max-width: 200px;
    background-color: rgb(48,65,86);
    color: #fff;
    padding: 0;
    border: 0;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1000;
  }
  /* 其他样式保持不变 */
  </style>
  